<template>
	<view>
		<u-popup v-model="show" :mode="mode" :custom-style="customStyle" :mask-custom-style="maskStyle">
					 <slot></slot>
		</u-popup>
		
		
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				default : '',
				type  :String,
			},
			mode:{
				default : 'bottom',//left、top、right、bottom、center
				type : String
			}
		},
		data() {
			return {
				show: false ,
				customStyle:{
					// background: 'pink !important',
				},
				maskStyle:{
					// background: 'rgba(0, 0, 0, 0.5)'
				}
			};
		},
		methods:{
			
		},
		components:{
			
		},
		filters:{
			
		},
	}
</script>

<style lang="scss" scoped>
</style>
